<template>
  <router-view></router-view>
</template>

<script setup lang="ts">
import { listenOnShow } from '_t';
import { readonly } from 'vue';
// 客户端方法初始化onshow不会返回，所以默认为true
const isShow = ref(true);
onMounted(() => {
  listenOnShow((show: unknown) => {
    isShow.value = !!show;
  });
});
provide('showState', { isShow: readonly(isShow) });
</script>
<style lang="less">
.el-message {
  min-width: initial;
  padding: 4px 16px;
  background-color: #222222;
  border-color: #484848;

  .message-info {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: inherit;
    font-style: normal;
    vertical-align: -2px;
    outline: none;
    stroke: currentColor;
    margin-right: 8px;
    background-image: url('./assets/images/info.svg');
  }

  .el-message__content {
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    line-height: 22px;
  }
}
</style>
